几种向数组中添加元素方法的性能比较 您所在的位置:网站首页 js 向数组添加元素怎么添加不了 几种向数组中添加元素方法的性能比较

几种向数组中添加元素方法的性能比较

2024-03-12 04:07| 来源: 网络整理| 查看: 265

引入:向一个数组中插入元素是平时很常见的一件事情。可以使用push在数组尾部插入元素,可以用unshift在数组头部插入元素,也可以用splice在数组中间插入元素。

虽然这些方法虽然常用,但并不意味着没有更加高效的方法……

1.向数组结尾添加元素

最常用的当然是arry.push()方法,但是下面的方法效率更高:

var arr = [1,2,3,4,5]; var arr2 = []; arr.push(6); //方法1 arr[arr.length] = 6; //方法2 arr2 = arr.concat([6]); //方法3

移动端效率:

最快的为 1. arr[arr.length] = 6; // 平均 5 632 856 ops/sec 2. arr.push(6); // 慢35.64% 3. arr2 = arr.concat([6]); // 慢62.67%

PC端效率:

最快的为 1. arr[arr.length] = 6; // 平均42 345 449 ops/sec 2. arr.push(6); // 慢34.66% 3. arr2 = arr.concat([6]); // 慢85.79%

因此可见,向数组结尾添加元素最快的方法是arr[arr.length]=xxx

2.向数组的头部添加元素

最常用的当然是arry.unshift()方法,但是下面的方法效率更高:

var arr = [1,2,3,4,5]; arr.unshift(0); [0].concat(arr);

移动端效率:

最快的为 1. [0].concat(arr); // 平均4 972 622 ops/sec 2. arr.unshift(0); // 慢64.70%

PC端效率:

最快的为 最快的为 1. [0].concat(arr); // 平均6 032 573 ops/sec 2. arr.unshift(0); // 慢78.65%

因此可见,向数组结尾添加元素最快的方法是newArray.concat(array)

3.向数组中间添加元素

使用splice可以简单的向数组中间添加元素,这也是最高效的方法。

var items = ['one', 'two', 'three', 'four']; items.splice(items.length / 2, 0, 'hello');


【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

      专题文章
        CopyRight 2018-2019 实验室设备网 版权所有